/* CSS Document */
body{
	margin: auto;
	font-size: 12px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;

}
a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	color: #FF0000;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; max-width:100%; 
}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}

div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
.box{ margin:auto; width:1030px;}
#cms img,#cms1 img,#header img{
	border: none; max-width:100%;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.swiper-slide{ text-align:center;}
div,span,li{text-overflow: ellipsis;}

ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span,a{text-overflow: ellipsis;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
#top1{ color:#999999; float:left; width:100%; background-color:#eee;}
#top1 .fr{ width:200px;}
#top{
	padding-top:10px;
	padding-bottom:10px; float:100%; clear:both

}
#top #tel {
	line-height:1.2; margin-top:0px; 
	display:block;
	
	font-size: 16px; text-align:right;
	
}
#top #tel div{ line-height:35px; float:left; text-align:right; width:100%;
}
#top #tel div span{
	color: #FF5503;font-weight: bold; font-size:18px;
}
#top #tel  form{ float:right; margin:auto; clear:both; margin-top:10px;}
#top #tel  form input{
	border: 1px solid #ddd;
	float: left; height:28px; float:left; width:220px;
}
#top #tel  form button{
	background-color: #02B6B7;
	background-image: url(s.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 32px;
	width: 50px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}

#nav{
	float: left;
	width: 100%;

	z-index:9999;
	line-height: 45px; font-size:14px; background-color:#1184E1;
}
#nav ul{
	float: left;
	width: 100%;
	
}
#nav ul li a{ color:#FFFFFF}
#nav ul li{
	width: 12.5%;
	float: left;
	text-align: center;
	line-height: 60px;
	position: relative;
	background-image: url(navline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav ul li.nbg,#nav ul li ul li{
	background-image: none;
}
#nav ul li.nbg{}
#nav ul li li a{
	font-family: "宋体";
	font-size: 12px; 
}
#nav ul li li a:hover{
	background-color: #FE651B;
}
#nav ul li a.select,#nav ul li a:hover,#nav ul li:hover a{
	color: #fff;
	background-image: url(hover.jpg);
	background-repeat: no-repeat;
	background-position: center top; float:left; width:100%;
}
#nav ul ul{
	display:none;
	position: absolute;
	background-color: #ff5601;
	float: left;
	width: 100%;
	z-index: 99;
	filter: Alpha(Opacity=90);
	Opacity:0.9;
	left: 0px;
	top:60px;
}
#nav ul ul li{
	float: left;
	width: 100%; line-height:30px;
}
#nav ul ul li a,#nav ul li:hover ul li a{
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color:#FE6B25;
	border-bottom-color: #DC4801;
	line-height: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: none;
}
#nav ul ul ul{
	left: 100%;
	top: 0px;	filter: Alpha(Opacity=100);Opacity:1;
}
#nav ul li:hover ul{
	display: block;
}
/*#nav ul li:hover{background-color: #1769B5;}*/

#nav ul li:hover a,#nav ul li ul li a{ color:#FFFFFF}
#foot{
	float:left; width:100%; margin-top:15px;
}
#foot .footnav .box{
	background-image: url(qrcode.jpg);
	background-repeat: no-repeat;
	background-position: 850px 40px;
	min-height: 220px;

}
#foot .footnav{
	background-color: #EBEBEB;
	float:left;
	width:100%;
	padding-bottom: 15px;
	padding-top: 15px;
	background-image: url(ff.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#foot .footnav ul{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#foot .footnav ul li{
	float:left;
	width:150px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #FFFFFF;
	height:210px;
	text-align: left;
	text-indent: 30px;
	font-weight: bold;
	font-size: 14px; line-height:3;
}
#foot .footnav ul li ul li{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:auto;
	font-size: 12px;
	font-weight: lighter;
	line-height:2;
	white-space: nowrap;
	overflow: hidden;
}
#foot .footnav ul li ul li a{white-space: nowrap;
	overflow: hidden; display:block; width:80%; float:left;text-overflow: ellipsis;}
#foot .footnav ul li ul{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#foot .copyright,#foot .copyright a{ color:#FFFFFF}
#foot .copyright{
	background-color: #0058BC; float:left; width:100%;
}
#foot .footnav .me{ float:left; margin-left:20px; line-height:1;}
#foot .footnav .me .title{ color:#FF0000; font-size:16px; line-height:2;}
#foot .footnav .me button{-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
	border-radius:3px;            /* W3C syntax */
	color: #FFFFFF;
	background-color: #CC0000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
}

.main{ margin-top:20px;}



.list{
	float:left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px; width:180px;
}
#cms .list{ width:165px; margin-left:13px; margin-right:13px;}
.list div{float: left;
	width: 100%;}
.list .dp{ display:none}
.list .ntitle{
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	width: 100%; line-height:32px;
}
.list div.img{
	border: 1px solid #ddd;
}


#left{
	float: left;
	width: 228px;
	margin-left: 1px;
}
#left .h2{

	color: #FFFFFF;
	text-align: center;
	font-family: "微软雅黑";
	line-height: 35px;
	font-size: 16px;

}
#left .leftdh ul,#left .leftdh ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#left .leftdh ul li a{
	line-height: 38px;
	float: left;
	width: 188px;
	padding-left: 40px;
	background-image: url(leftli.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#left .leftdh ul li a:hover,#left .leftdh ul li a.select{

}
#left .leftdh ul li ul li a{
	width: 168px;
	padding-left: 60px;
}

#left .leftdh ul li ul li  ul li  a{width: 148px;
	padding-left: 80px;} 
#lianxi{
	float: left;
	width: 220px;
	margin-left: 5px;
	margin-top: 10px;
	background-image: url(in_r6_c4.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#left #lianxi .etitle{
	float: left;
	width: 100%;
	line-height: 22px;
	background-image: none;
	font-weight: lighter;
}
#left #lianxi .etitle b{
	font-family: "宋体";
	font-weight: lighter;
	float: left;
	margin-left: 20px;
	color: #999999;
	font-size: 12px;
}
#left #lianxi .etitle a{
	display: none;
}
#left #lianxi .econtent{
	float: left;
	width: 100%;
	margin-top: 90px;
	padding-bottom: 10px;
}
#right{
	float: right;
	width: 795px;
	margin-right: 1px;

}

#main{
	background-image: url(mid.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	width: 100%;
	margin-top: 15px;
}
#main1{
	background-image: url(topin.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 100%;
}
#main2{
	background-image: url(foot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 100%;
	padding-bottom: 1px;
}
#postion{
	line-height: 35px;
	float: left;
	width: 100%;
	background-image: url(in_r3_c3.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 30px;

}
#postion b{
	float: left;
	margin-left: 25px;
	font-size: 16px;
/*	color: #FFFFFF;*/ font-weight:lighter;

}
#postion div{
	float: right;
	margin-right: 5px;
}
#postion div,#postion div a{
	color: #999;
}
#cms,#cms1{
	float: left;
	width: 775px;
	overflow: hidden;
	min-height:300px; margin:10px;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px; font-size:14px;  
}
#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #737373;
	padding-bottom: 5px;
	line-height: 32px;
	font-size: 14px; padding-top:5px; padding-bottom:5px;
	
}
#cms .li .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-family: "宋体";
text-overflow: ellipsis;
}
#cms .li .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
}
#cms .li .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 12px;
}
#cms .li .title,#cms .li .dp{ float:left; width:100%;clear:both}
#cms .li .dp{ font-size:12px; color:#999999; line-height:1.5;  }
#cms1 .content{
	float: left;
	width: 700px;
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px;
}

#page{
	float: left;
	width: 800px;
	line-height: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
#page  a{
	height: 18px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #dddddd;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 18px;
	color: #666666;
	padding-top: 3px;
	padding-bottom: 3px;
}
#page  a.select{
	background-color: #CC3300;
	color: #FFFFFF;
}

.bk{
	background-color: #ddd;	

}

#leftdh{
	float: left;
	width: 168px;
	margin-left: 10px;
	margin-top: 10px;
}
#leftdh ul{	float: left;
	width: 100%;}
#leftdh ul li{	float: left;
	width: 100%;}
#leftdh ul li ul{ display:none}
#leftdh ul li a{
	float: left;
	width: 100%;
	color: #e2da15;
	font-weight: bold;	line-height: 1.1;
	padding-top: 5px;
	padding-bottom: 5px;
}
#leftdh ul li ul li a{
	float: left;
	width: 163px;
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 5px;

}
#leftdh ul li ul li ul li a{
	float: left;
	width: 158px;
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 10px;
}
#leftdh ul li ul li ul li a{
	float: left;
	width: 153px;
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 15px;
}
#leftdh ul li ul li ul li ul li a{
	float: left;
	width: 148px;
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 20px;
}

#btn{
	width: 48px;
	background-color: transparent;
	height: 40px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
.red{ color:#FF0000}
#left .lx{
	background-image: url(lx.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 115px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 209px;
	margin-top: 20px;
}
#left .lx h3.h3{ display:none}

input[type='text'],textarea{
	border: 1px solid #ddd;
}
#cms button{
	line-height: 32px;
	color: #FFFFFF;
	background-color: #1184e1;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	text-align: center;
	width: 80px;
}
#foot2{
	background-image: url(foot1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center; min-height:80px;
}
.bgs{
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: none;
	width: 100%;
	padding-top: 10px;
}
.logomin{ display:none}
#navs,#case1{ display:none}
.menu{ float:left; z-index:999; width:100%; margin-top:3px;}
.menu ul{z-index:999;}
.menu ul li{
	float: left;
	width: 125px;
	text-align: center;
	line-height:41px;
	position: relative;
	z-index:999;
	
}
.menu ul li a{ color:#FFFFFF}

.menu ul li.nbg{
	background-image: none;
}
.menu ul ul{
	position: absolute;
	top: 41px;
	float: left;
	display:none;
	z-index:99;
	line-height: normal;
	width: 100%;
	left: 0px;
	background-color: #3c81de;filter: Alpha(Opacity=80);Opacity:0.8;
}
.menu ul ul li{
	float: left;
	width: 100%;
	line-height: 32px;
	font-size: 12px;
}
.menu ul ul li a{
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00000;
	border-bottom-color: #A60000;
}
/*首页*/
.sort{
	float: left;
	width: 310px;
}
.sort .etitle{
	background-color: #0058BC;
	text-align: center;
	font-size: 18px;
	line-height: 37px;
	float: left;
	width: 100%;
	color: #FFFFFF;
}
.sort .etitle b{
	color: #FFFFFF;
	font-weight: lighter;
}
.sort .econtent{
	float: left;
	width: 100%; padding-top:5px;
}
.sort .econtent .li{
	line-height: 28px;
	text-align: left;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}
.about{
	float: right;
	width: 720px;
}
.about .etitle{
	background-color: #0D6ED9;
	line-height: 37px;
}
.about .etitle b{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: lighter;
	margin-left: 10px;
}
.about .etitle a{
	color: #FFFFFF;
	float: right;
	margin-right: 10px;
	font-size: 12px;
}
.about .econtent{

	border: 1px solid #ddd; margin:auto; font-size:14px;

	padding: 5px; min-height:326px;
}
.pro1{
	clear:both;
	float: left;
	width: 100%;
	margin-top: 15px;
	background-image: url(1_r10_c2.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 30px;
}
.pro1 .etitle{ display:none}
.pro1 .list{
	
	float: left;
	width:235px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;background-image: url(1_r6_c6.jpg);
	background-repeat: no-repeat;
	background-position: 210px 175px;
}
.pro1 .list .ntitle{
	width: 100%;
	float:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
	
}
.pro1 .list .ntitle a{
	float:left;
	width:80%;
	white-space: nowrap;
	display: block;
	overflow: hidden; margin-left:5%;
}
.pro1 .list:hover{background-image: url(1_r6_c4.jpg);
	border-top-color: #2F9116;
	border-right-color: #2F9116;
	border-bottom-color: #2F9116;
	border-left-color: #2F9116;
}
.pro1 .list .img{ border:none;padding: 5px; width:225px;}

.pro1 .list:hover a{color: #2F9116;}
.news{ float:left; width:660px;}
.news .etitle{
	line-height: 37px;
	font-size: 18px;
	float: left;
	width: 100%;
}
.news .etitle b{
	margin-right: 5px;
	float: left;
}
.news .etitle span{
	color: #999999;
	float: left;
}
.news .etitle a{
	line-height: 17px;
	color: #FFFFFF;
	background-color: #FF0000;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
	font-size: 12px;
	font-family: "宋体";
	padding-right: 5px;
	padding-left: 5px;
	
}
.news .econtent{}
.news .econtent .li .img{ width:140px;}
.news .econtent .li .img img{ width:140px; height:105px;}
.news .econtent .li .img,.news .econtent .li .right{ display:none}
.news .econtent .li .ntitle{
	line-height: 28px;
	background-image: url(li.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	width: 48%;
	margin-right: 2%;
	text-align: left;
	text-indent: 20px;
	white-space: nowrap;
	overflow: hidden;
} 
.news .econtent .n1 .img,.news .econtent .n1 .right{ display:block}
.news .econtent .n1 .ntitle{ display:none}
.news .econtent .n1{
	padding: 5px;
	float: none;

	border: 1px solid #ddd;
}
.news .econtent .n1 .cl{ clear:both}
.news .econtent .cl1{ clear:both}
.news .econtent .li .img{ float:left}
.news .econtent .li .right{ margin-left:148px;}
.news .econtent .li .dp{ height:4.5em; overflow:hidden}
.news .econtent .li .right .title{
	font-size: 14px;
	line-height: 32px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.news .econtent .li .right .title a{
	color: #CC0000;
}
.news .econtent .li .right .dp{
	line-height: 1.5;
	color: #999999;
}
.lx{ float:right; width:320px;}
.lx .etitle{
	line-height: 37px;
	font-size: 18px;
	float: left;
	width: 100%;
}
.lx .etitle b{
	margin-right: 5px;
	float: left;
}
.lx .etitle span{
	color: #999999;
	float: left;
}
.lx .img{
	padding: 2px;
	border: 1px solid #ddd; float:left; width:100%;
}
.news,.lx{ margin-top:15px;}
.link{
	clear:both;
	float:left;
	width:100%;
	margin-top:15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.link .etitle{
	line-height: 27px;
	background-color: #C8000B;
	background-image: url(1_r12_c3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	padding-right: 20px;
	padding-left: 10px;
	color: #FFFFFF;
}
.link .econtent{ margin-left:100px; }
.sort ul li a{
	line-height: 40px;
	background-image: url(1_r8_c3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	white-space: nowrap;
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: left;
	text-indent: 70px; height:37px;
}
.lx .img img{ width:100%;}
/*移动端*/
@media screen and (max-width : 767px){
.sort{ width:100%;}
.copyright{ text-align:center}
#top1 .fr{ float:left}
#top1{ display:none}
#top #logo{ width:100%; float:left; }

/*#top #tel{display:none}*/
#top #tel{	line-height:1.2;
	
	width:100%; float:left; clear:both; text-align:center;}
#top #tel div{text-align:center;}
#top #tel{ float:left; width:100%;}
#top #tel form input{ width:80%;margin-left:-2px;}
#top #tel form button{ width:20%; margin-left:-2px;}
#top #tel form{ width:80%; margin:auto; float:none; clear:both}
#header{ height:auto}
#beizhu{ width:60%; min-width:200px;}

.box{ width:100%; max-width:767px;}
#nav{ display:none}
#navs{ display:block;}
#navs ul ul{ display:none}

#top{ margin:auto; padding:0px;}
#top #logo img{ max-width:100%;}
/*#top #logo { width:100%;}
*/body{
	background-image: none;
}
#navs{
	background-color: #1184e1;
}
#navs ul li{
	width:25%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.device{ margin:auto}
.swiper-wrapper img{ width:100%;}
#left{ display:none}
#main,#main1,#main2{
	background-image: none;
}
.bgs{ padding-top:1px;}
#postion{
	background-image: url(po.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	border: 1px solid #ddd; width:98%; margin-left:1%;
}
#postion b{
	background-image: url(ii.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#postion .postion{ display:none}
#right{ width:100%;}
#cms,#cms1{ width:98%; margin:0px; padding:0px;}
#cms .list .right,.list .right{ margin-left:175px; width:auto; float:none}
#cms .list .dp,.list .dp{ display:block; line-height:1.5; font-size:12px; color:#555; overflow:hidden; height:4.5em;}
#cms .list .ntitle, .list .ntitle{
	text-align: left;
}
#cms .list,.list{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; padding-bottom:10px;
}

#cms .li .time{ display:none}
#cms .li .ntitle{ width:100%; }
#cms .li{ width:98%; margin-left:1%;}

#foot .copyright{ background-image:none; padding:0px;}

.pro,.about,.about .econtent,.pro1,.news,.link,.lx{ width:100%; border:none}
.news .econtent .n1{ margin:5px;}
.link .econtent{ margin-left:0px; clear:both;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; padding-top:10px;} 
	.lx .img{ width:95%; clear:both; float:none; margin:auto;}
	.link,.news,.lx{ width:98%; margin:auto; clear:both; float:none;}
.about .econtent{ width:98%;}
.pro1 .list{ width:45%; padding-left:1%; padding-right:1%; margin:1%; overflow:hidden;}

.pro1 .list .img{ width:100%; float:left; padding:0px;}
.pro1 .list .ntitle{ width:100%; float:left; display:block; padding:0px; margin:auto; overflow:hidden;}
/*.pro1 .list .ntitle a{ padding:0px; margin:auto; width:100%;}*/
#foot .footnav{ display:none}
#foot .fl,#foot .fr{ clear:both; float:none}

}